<template>
  <div class="app">
      <h1>我是最大的根组件App</h1>
      <todo-header></todo-header>
      <todo-footer></todo-footer>
      <Carousel></Carousel>
  </div>
</template>

<script>
//局部组件：在使用的时候分为三步,定义、注册、使用
import TodoHeader from './components/TodoHeader.vue'
import TodoFooter from './components/TodoFooter.vue';
export default {
  name: '',
  components:{
    TodoHeader,
    TodoFooter
  }
}
</script>

<style>
 *{
   margin:0;
   padding: 0;
 }
 html,body{
   width: 100%;
   height: 100%;
 }
 .app{
   width: 100%;
   height: 100%;
   background: hotpink;
 }
</style>
